<template>
  <div class="f-w-x-y">
    <p class="top">用户服务协议</p>
    <div>
      尊敬的用户，欢迎您使用“电信网上营业厅”网站（网址：www.tx55128.cn，简称“本网站”）。
    </div>
    <div class="box2">
      本网站由中国电信股份有限公司电子渠道运营中心（简称“中国电信”或“我们”）所有和运营。在登录、使用本网站之前，您应当仔细阅读、充分理解《用户服务协议》（简称“本协议”）的全部内容，特别是本协议中以加粗字体显示的内容，您应当重点阅读。如果您不同意本协议或其中任何条款，请您立即停止登录或使用本网站；您开始登录或使用本网站，即表明您已同意本协议内容，本协议即构成对用户和中国电信（合称“双方”）有约束力的法律文件。
    </div>

    <div class="box4">
      <p class="p2">第一条 定义</p>
      1.1
      本网站：是指由中国电信股份有限公司电子渠道运营中心所有并负责运营的“电信网上营业厅”网站（网址：www.tx55128.cn）。
    </div>
    <div class="box5">
      1.2
      所有权以及相关的权利：在本协议中是指：第一，所有权；第二，知识产权，包括但不限于著作权、专利权、商标权、商业秘密等；第三，除上述权利之外的对物、信息及其载体和表现形式的使用、利用、传播、复制、发行、编辑、修改、处分等权利。
    </div>
    <div>
      1.3 用户：是指接受本网站服务的自然人、法人或其他组织。
      号，登录本网站；按照本注册程序获得本网站账要
    </div>
    <a href="javascript:return false;" class="t-y"
      >同意&emsp;<span class="xs-yc">(<span class="shijian" >5</span>S)</span></a
    >
  </div>
</template>

<script>
export default {
  data() {
    return {
        
    };
  },
  mounted() {
    // 按钮交互
    let t = document.querySelector(".shijian");
    let sa = setInterval(function () {
      //计时器
      --t.innerHTML;
      if (t.innerHTML == 0) {
        document.querySelector('.t-y').style.backgroundColor="#374ef2";
        document.querySelector('.t-y').style.opacity="1";
        document.querySelector('.t-y').href='/'
        document.querySelector('.xs-yc').style="display: none"
        clearInterval(sa); //关闭计时器
      }
    }, 1000);
  },
};
</script>

<style lang="less" scoped>

.t-y {
  display: block;
  background-color: #ccc;
  opacity: 0.5;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  height: 45px;
  width: 90%;
  line-height: 45px;
  text-align: center;
  outline: none;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  position: fixed;
  left: 5%;
  bottom: 16px;
  text-decoration: none;
}
.p2 {
  margin-bottom: 45px;
}
.box2,
.box4,
.box5 {
  margin-bottom: 44px;
}
.top {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
  margin-bottom: 15px;
}
.f-w-x-y {
  width: 100%;
  height: 675px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5% 0 5%;
  box-sizing: border-box;
  overflow-y: scroll;
}
.f-w-x-y > div {
  font-size: 1rem;
  font-weight: 400;
  line-height: 27px;
  color: #333333;
}
.f-w-x-y > div:nth-child(2) {
  text-indent: 2rem;
  margin-bottom: 45px;
}
</style>